<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	 <link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
	 <link rel="stylesheet" href="../css/demos.css" type="text/css" />
	<style type="text/css">
		
body{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
	background:url(../img/2.jpg) center center fixed;
	color:black;
	
}

#mylogo{
		position: absolute;
		top: 10px;
		left: 200px;
		background: url(../img/t.jpg);
		height:90px;
		width: 192px;

	}



.top1{
	background-color:#25304C;
	height:100px;
	line-height:26px;
}
.top1 .top2{
	width:980px;
	height:26px;
	margin:0 auto;
	line-height:26px;
	
}
.top1 .top2 .top_left{
	width:113px;
	height:17px;
	float:left;
	margin-top:6px;
}
.top1 .top2 .top_right{
	width:602px;
	height:22px;
	float:right;
	margin-top:1px;
	line-height:22px;

}
.top1 .top2 .top_right a{
	margin-left:25px;
	color:#78C16F;
	font-weight:bold;
	text-decoration:none;

}
.top1 .top2 .top_right a:hover{
	text-decoration:underline;
}
.con{
		width: 950px;
		
		background-color: #fff;
		margin: 0 auto;
	}
	</style>


</head>
<body>
		<%@ include file="include/top.jsp"%>
	<div style="">
		
		<ul class="breadcrumb" style="height:20px;background-color:#1E2537;border-radius: 0px;margin-bottom:0px;">
			<div id="" class="container">
				 <li><a href="index.jspx">Home</a> <span class="divider">/</span></li>
				  <li><a href="userorderlist.jspx">用户中心</a> <span class="divider">/</span></li>
				  <li class="active">修改密码</li>
			</div>
		 
		</ul>
	</div>
	<!--这边是用户中心了-->
	<div class="con" style="padding:25px;">
		<div class="tabbable tabs-left"> 
		  <ul class="nav nav-tabs">
		    <li><a href="userorderlist.jspx"><span class="label label-warning">1</span>用户订单</a></li>
		    <li><a href="favlist.jspx" ><span class="label label-success">2</span>收藏夹</a></li>
		    <li class="active"><a href="usermessage.jspx" ><span class="label label-important">3</span>修改密码</a></li>
		    <li><a href="userpic.jspx"><span class="label">4</span>修改头像</a></li>
		     <li><a href="commentlist.jspx"><span class="label label-inverse">5</span>评论管理</a></li>
		    <li><a href="userexit.jspx" id="a"><span class="label label-info">6</span>安全退出</a></li>
		   
		  </ul>
		  <div class="tab-content">
		   
		    <div class="tab-pane active" id="tab3">
		      <!--修改信息-->
		      <div class="span10" style="float:right;">
		      
				<h4><i class=" icon-edit" style="margin-top:5px;"></i>修改密码</h4>
				<hr/>
				
				
				<c:if test="${not empty loginerror }">
			 		<div class="alert alert-error">
		              <button type="button" class="close" data-dismiss="alert">×</button>
		              <strong>${loginerror}</strong> 
		              <%
		              	session.removeAttribute("loginerror");
		              %>
		            </div>
			 	</c:if>
			 	
			 	
				<form class="form-horizontal" action="usermessage.jspx" method="post">
				  <div class="control-group">
				    <label class="control-label" for="inputEmail" >原密码：</label>
				    <div class="controls">
				      <input type="password" id="inputEmail" placeholder="原密码" name="oldpassword">
				    </div>
				  </div>
				  <div class="control-group">
				    <label class="control-label" for="inputEmail">新密码：</label>
				    <div class="controls">
				      <input type="password" id="inputEmail" placeholder="新密码" name="newpassword">
				    </div>
				  </div>
				  <div class="control-group">
				    <label class="control-label" for="inputEmail">再次确认密码：</label>
				    <div class="controls">
				      <input type="password" id="inputEmail" placeholder="新密码" name="replaypassword">
				    </div>
				  </div>
				  <div class="control-group">
				    <div class="controls">
				      <button type="submit" class="btn btn-primary"><i class="icon-ok icon-white"></i>确认</button>
				    </div>
				  </div>
				</form>
			</div>

			
				

			<div class="clear">
				
			</div>

		    </div>
		    
		  </div>
		</div>




		<footer>
					 <hr>
					<font>© 2012-2013 <i class="icon-hand-right"></i> 夼趸蒋</font>
				</footer>
	</div>
	<script src="../js/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script src="../js/jquery.Jcrop.js" type="text/javascript"></script>
	    <script type="text/javascript">

    jQuery(function($){

      $('#target').Jcrop({
        onChange:   showCoords,
        onSelect:   showCoords,
        onRelease:  clearCoords,
		maxSize:[200,200],
			minSize:[200,200]
		
      });

    });

    // Simple event handler, called from onChange and onSelect
    // event handlers, as per the Jcrop invocation above
    function showCoords(c)
    {
      $('#x1').val(c.x);
      $('#y1').val(c.y);
      $('#x2').val(c.x2);
      $('#y2').val(c.y2);
      $('#w').val(c.w);
      $('#h').val(c.h);
    };

    function clearCoords()
    {
      $('#coords input').val('');
    };

    </script>
</body>
</html>